$(function() {
    // $('.item')
    const tuichu = document.querySelector('.tuichu')
    tuichu.addEventListener('click', () => {
        sessionStorage.clear()
        localStorage.clear()
        location.replace("http://127.0.0.1:3007/")
        localStorage.setItem('user', '学生')

    })

    // 隐藏右键实现的功能
    $(".close").click(function() {
        $(".getmessage").hide();
    })
    $('.tell-close').click(function() {
        console.log('123');
        $('.mask').hide()
    })
    $('.askTeacher').click(function() {
        $('.mask').show()
    })
    $('#usermessage').on('click', function() {
        $(".getmessage").show();
        GetStudent(function(data) {
            message(data);
        })
    })
    $('.coment-img').on('click', function() {
            $(".getmessage").show();
            GetStudent(function(data) {
                message(data);
            })
        })
        // 具体信息
        // $('#usermessage').on('click', '.getmessage', function() {
        //     // $(".getmessage").show();
        //     console.log('123');
        //     // GetStudent(function(data) {
        //     //     message(data);
        //     // })
        // });

    // 获取学生基本信息的方法
    function GetStudent(callback) {
        let token = localStorage.getItem("token");

        token = JSON.parse(token);
        console.log(token[0].id);
        $.ajax({
            url: 'http://127.0.0.1:3007/my/teacherGetStudent',
            type: 'POST',
            data: {
                id: token[0].id
            },
            headers: {
                Authorization: token[0].Authorization
            },
            success: function(data) {
                console.log(data);
                callback(data)
                    // message(data);
            }
        })
    }


    function message(data) {
        // 第一个参数要遍历的数据 第二个参数回调函数
        // 调用each前先清空ul
        // $('.box').empty();
        // $('.message').remove;
        $($('.messages').children()[0]).html("用户名：" + data.data[0].name)
        $($('.messages').children()[1]).html("邮箱：" + data.data[0].email)
        $($('.messages').children()[2]).html("学分：" + data.data[0].score)
        $($('.messages').children()[3]).html("学号：" + data.data[0].student_id)
        $($('.messages').children()[4]).html("班级：" + data.data[0].class)
        $($('.messages').children()[4]).html("评价：" + data.data[0].tostudent)
            // var ul = $("<ul class=userlist></ul>")
            // console.log(data.data[0]);
            // const li = $("<ul class='message'><li><a>" + data.data[0].id + "</a></li>" + "<li><a>" + data.data[0].username + "</a></li>" + "<li><a>" + data.data[0].email + "</a></li>  " + "<li><a>" + data.score + "</a></li></ul>")
            // $(".getmessage").prepend(li);
    }


    // 聊天框四个功能实现

    $('.expression').on('click', function() {
        console.log('123');
    })
});